<!DOCTYPE html>
<script src="../../../resources/run-after-layout-and-paint.js"></script>
<script>
runAfterLayoutAndPaint(function() {
  document.getElementById('container').style.transform = 'translateZ(0) translateX(100px)';
}, true);
</script>
<body style="margin: 0">
  <div style="height: 100px">
  Tests layout and repaint of floating descendants of a container changing 3D transform. Passes if there is no red.
  </div>
  <div id="indicator" style="position: absolute; top: 100px; left: 100px; width: 100px; height: 100px; background-color: red"></div>
  <div>
    <div id="container" style="width: 0; height: 0">
      <div style="float: left; width: 100px; height: 100px; background-color: green"></div>
    </div>
  </div>
</body>
